﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link href="../Css/style.css" rel="stylesheet" type="text/css" />
    <link href="../Css/product.css" rel="stylesheet" type="text/css" />
    <title>Untitled</title>
</head>
<body>
    <div id="wrapper">
        <div id="header">
            <div class="logocart">
                <div class="butterfly">
                </div>
                <div class="logo">
                    <img src="../Img/Layout/logo.gif" />
                    <label>
                        shopping online</label>
                </div>
                <div class="cart">
                    <div class="search">
                        <input class="textbox" type="text" />
                        <input class="button" type="image" src="../img/layout/btn_search_66x23.gif" value="&nbsp;" />
                    </div>
                    <div class="shoppingcart">
                        <div class="newrow title">
                            <label>
                                Shopping cart</label></div>
                        <div class="newrow quantity">
                            <label>
                                0 item(s)</label></div>
                        <div class="newrow price">
                            <label>
                                Total: $ 0.00</label></div>
                        <div class="newrow">
                            <input class="button" type="image" src="../img/layout/morecart.gif" value="&nbsp;" /></div>
                    </div>
                </div>
            </div>
            <div class="horiMenu">
                <div class="menu">
                    <ul>
                        <li><a href="#">Giới thiệu</a></li>
                        <li><a href="#">Tin tức</a></li>
                        <li><a href="#">Thành viên</a></li>
                        <li><a href="#">Thông tin</a></li>
                        <li class="End"><a href="#">Liên hệ</a></li>
                    </ul>
                </div>
                <div class="login">
                    <ul>
                        <li>Thành viên</li>
                        <li>
                            <input type="text" /></li>
                        <li>Mật khẩu</li>
                        <li>
                            <input type="text" /></li>
                    </ul>
                    <input class="button" type="image" src="../img/layout/btn_login_66x23.jpg" value="&nbsp;" />
                </div>
            </div>
            <div class="verMenu">
                <div class="menu">
                    <ul>
                        <li><a href="#">Trang chủ</a></li>
                        <li><a href="#">Sản phẩm 1</a></li>
                        <li><a href="#">Sản phẩm 2</a></li>
                        <li><a href="#">Sản phẩm 3</a></li>
                        <li><a href="#">Sản phẩm 4</a></li>
                        <li><a href="#">Đặt hàng</a></li>
                    </ul>
                </div>
                <div class="hotdeal">
                    <div class="img">
                        <div class="title special">
                            Special Discount</div>
                        <div class="newrow">
                            <img src="../img/layout/promotion_img_226x175.jpg" /></div>
                    </div>
                    <div class="info">
                        <div class="newrow">
                            <label style="font-size: 50px">
                                50%</label></div>
                        <div class="newrow title" style="padding: 15px 0px 15px 0px">
                            <label>
                                from 4/3/2010 to 4/3/2010</label></div>
                        <div class="newrow" style="height: 123px; color: #777777; font-size: 12px; line-height: 17px">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere consectetur
                            rutrum. Vivamus enim lorem, tempus quis consectetur a, egestas suscipit libero.
                            Aliquam euismod...</div>
                        <div class="newrow readmore">
                            read more</div>
                    </div>
                </div>
            </div>
        </div>
        <div id="contentholder">
            <div class="title underline">
                <label class="pink">
                    our</label>&nbsp;&nbsp;<label class="green">product</label></div>
            <div class="groupProduct">
                <div class="group product">
                    <div class="item title">
                        <label>
                            FOR WOMEN</label>
                    </div>
                    <div class="item">
                        <label>
                            <a href="#">> Product 1</a></label>
                    </div>
                    <div class="item evenitem">
                        <label>
                            <a href="#">> Product 2</a></label>
                    </div>
                    <div class="item">
                        <label>
                            <a href="#">> Product 3</a></label>
                    </div>
                </div>
                <div class="group product">
                    <div class="item title">
                        <label>
                            FOR MEN</label>
                    </div>
                    <div class="item">
                        <label>
                            <a href="#">> Product 1</a></label>
                    </div>
                    <div class="item evenitem">
                        <label>
                            <a href="#">> Product 2</a></label>
                    </div>
                    <div class="item">
                        <label>
                            <a href="#">> Product 3</a></label>
                    </div>
                </div>
                <div class="group brand">
                    <div class="item title">
                        <label>
                            BRANDS</label>
                    </div>
                    <div class="item">
                        <div class="logo">
                            <div class="image">
                                <img src="../Img/Layout/brandlogo.jpg" />
                            </div>
                        </div>
                        <div class="name">
                            <label>
                                <a href="#">Brand name 1</a></label>
                        </div>
                    </div>
                    <div class="item">
                        <div class="logo">
                            <div class="image">
                                <img src="../Img/Layout/brandlogo.jpg" />
                            </div>
                        </div>
                        <div class="name">
                            <label>
                                <a href="#">Brand name 2</a></label>
                        </div>
                    </div>
                    <div class="item end">
                        <div class="logo">
                            <div class="image">
                                <img src="../Img/Layout/brandlogo.jpg" />
                            </div>
                        </div>
                        <div class="name">
                            <label>
                                <a href="#">Brand name 3</a></label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="listProduct">
                <div class="columnRight">
                    <div class="img">
                        <img src="../Img/Layout/sample_larger_380x288.jpg" width="380" height="288" /></div>
                    <div class="info">
                        <div class="title">
                            <a href="#">PRODUCT NAME</a></div>
                        <div class="newrow price_pink">
                            <label>
                                PRICE: 1 000 000 VNĐ</label></div>
                        <div class="newrow">
                            <label>
                                STATUS: AVAILABLE</label></div>
                        <div class="newrow">
                            <input class="btn" type="image" src="../img/layout/addcart.gif" value="&nbsp;" /></div>
                        <div style="height: 86px">
                        </div>
                        <div>
                            <a href="#"><img src="../Img/Layout/sample_smaller_105x99.jpg" width="105" height="99" /></a>
                            <a href="#"><img src="../Img/Layout/sample_smaller_105x99.jpg" width="105" height="99" /></a>
                            <a href="#"><img src="../Img/Layout/sample_smaller_105x99.jpg" width="105" height="99" /></a>
                        </div>
                    </div>
                    <div class="newrow desc">
                        Lorem ipsum dolor sit amet,uere consectetur rutrum. Vivamus enim lorem, tempus quis
                        consectetur.Lorem ipsum dolor sit amet,uere consectetur rutrum. Vivamus enim lorem,
                        tempus quis consectetur.Lorem ipsum dolor sit amet,uere consectetur rutrum. Vivamus
                        enim lorem, tempus quis consectetur.Lorem ipsum dolor sit amet,uere consectetur
                        rutrum. Vivamus enim lorem, tempus quis consectetur.
                    </div>
                </div>
                
                <div class="newrow">
                    <div class="title underline">
                        <label class="pink">
                            similar</label>&nbsp;&nbsp;<label class="green">product</label></div>
                    <div class="content">
                        <div class="item">
                            <div class="img">
                                <a href='#'><img src="../img/layout/blankproduct.gif" width='162' height='123' /></a>
                            </div>
                            <div class="info">
                                <div class="title">
                                    <a href="#">PRODUCT NAME</a></div>
                                <div class="newrow desc">
                                    <label>
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                    </label>
                                </div>
                                <div class="newrow price">
                                    <label>
                                        PRICE: 1 000 000 VNĐ</label></div>
                                <div class="newrow add">
                                    <input class="button" type="image" src="../img/layout/addcart.gif" value="&nbsp;" /></div>
                            </div>
                        </div>
                    </div>
                    <div class="content left">
                        <div class="item">
                            <div class="img">
                                <a href='#'><img src="../img/layout/blankproduct.gif" width='162' height='123' /></a>
                            </div>
                            <div class="info">
                                <div class="title">
                                    <a href="#">PRODUCT NAME</a></div>
                                <div class="newrow desc">
                                    <label>
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                    </label>
                                </div>
                                <div class="newrow price">
                                    <label>
                                        PRICE: 1 000 000 VNĐ</label></div>
                                <div class="newrow add">
                                    <input class="button" type="image" src="../img/layout/addcart.gif" value="&nbsp;" /></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            <div class="line">
            </div>
            <div class="contact">
                <label>
                    Five Sisters Shop - 0989 77 22 48 - fivesistersshop@yahoo.com</label>
            </div>
            <div class="menuZone">
                <div class="horiMenu">
                    <div class="menu">
                        <ul>
                            <li><a href="#">Giới thiệu</a></li>
                            <li><a href="#">Tin tức</a></li>
                            <li><a href="#">Thành viên</a></li>
                            <li><a href="#">Thông tin</a></li>
                            <li class="End"><a href="#">Liên hệ</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
